<template lang="html">
  <div class="">
    <div class="message_item_txt" v-if="item.message_classify === 1 || item.message_classify === 4">
      <!-- <navigator url="../../../pages/message_center/message_detail/message_detail" hover-class='none'> -->
      <span class="txt_time">{{item.message_time}}</span>
      <div class="txt_msg">{{item.message_content}}
        <!-- <navigator class="link" url="https://usepanda.com" hover-class="none">https://usepanda.com/</navigator> -->
      </div>
      <!-- </navigator> -->
    </div>
    <div class="message_item_activity read" v-if="item_type === '2'">
      <text class="txt_time">04-30 10:00</text>
      <div class="message_item_activity_msg">
        <div class="activity_title">{{item.title}}</div>
        <div class="activity_img">
          <image class="img" bind:src="item.url"></image>
          <div class="activity_mask" v-if="item.status === 'end'">活动已结束</div>
        </div>
        <div class="activity_des">{{item.describe}}</div>
      </div>
    </div>
    <div class="message_item_sys" v-if="item.message_classify === 3">
      <text class="txt_time">{{item.message_time}}</text>
      <div class="sys_msg">
        <text class="sys_title">{{item.message_title}}</text>
        <div class="sys_msg_des">
          {{item.message_content}}
        </div>
        <div class="sys_more"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['item_type', 'item']
}
</script>

<style lang="css" scoped>

</style>
